<template>
    <div class="header">
      <input type="text" v-model="newMsg">
      <button @click="add">确定</button>
    </div>
</template>

<script setup>
import { ref } from 'vue'

const props = defineProps({
    list: []
})

const newMsg = ref('')
const emits = defineEmits(['update:list'])
const add = () => {
    // props.list.push(newMsg.value)  // 不推荐
    const arr = props.list
    arr.push(newMsg.value)
    emits('update:list', arr)
}

</script>

<style lang="scss" scoped>

</style>